<style>
    .tab-container {
        margin-bottom: 0px;
    }

    .matrix-lable-left {
        text-align-last: left
    }
    .matrix-div-left {
        width: 50px;
        float: left;
        padding-top: 7px;
    }
    .matrix-div-right {
        margin-left: 50px;
    }
    .matrix-rzslider-title {
        margin-top: 16px;
    }
    .matrix-need-label {
        white-space: nowrap;
        overflow: hidden;
        margin-top: 16px;
        margin-right: 10px;
    }
    .fa-plus-style {
        cursor: pointer; 
        font-size: 25px;
    }
</style>
<div class="wrapper-md ng-scope" style="padding: 0px 35px;">
    <div class="row mm-loading">
        <div class="col-sm-12">
            <m-form invalid="info.invalid">
                <m-form-lable no-border="true">
                    <accordion ng-if="type != 'add'">
                        <accordion-group is-open="info.open.progress">
                            <accordion-heading>
                                进展跟踪 <i class="pull-right fa fa-angle-right" ng-class="{'fa-angle-down': info.open.progress, 'fa-angle-right': !info.open.progress}"></i>
                            </accordion-heading>
                            <div class="col-sm-12 form-horizontal">
                                <!-- 正常需求 -->
                                <div class="form-group" ng-if="info.need.isFallback != 1">
                                    <label class="col-sm-1 control-label matrix-lable-left matrix-rzslider-title" >整体进展：</label>
                                    <div class="col-sm-8">
                                        <rzslider class="matrix-slider"
                                                  rz-slider-model="info.need.status"
                                                  rz-slider-options="(info.need.plans.length >1 ? getsliderArray[4].options : getsliderArray[0].options)">
                                        </rzslider>
                                        <!--<div class="form-group" ng-if="info.need.plans.length >1" ng-repeat="plan in info.need.plans">-->
                                            <!--<label class="col-sm-2 control-label matrix-need-label" title="{{plan.projectPlanName}}">({{$index + 1}}). {{plan.projectPlanName}}</label>-->
                                            <!--<div class="col-sm-6">-->
                                                <!--<rzslider class="matrix-slider" rz-slider-model="plan.projectPlanStatus" rz-slider-options="getsliderArray[5].options">-->
                                                <!--</rzslider>-->
                                            <!--</div>-->
                                        <!--</div>-->
                                    </div>
                                </div>
                                <div class="form-group" ng-if="info.need.status != 'FALLBACK'" ng-repeat="issue in info.issueList">
                                    <label class="col-sm-1 control-label matrix-lable-left matrix-rzslider-title" >{{issue.action}}</label>
                                    <div class="col-sm-8">
                                        <rzslider class="matrix-slider"
                                                  rz-slider-model="issue.status"
                                                  rz-slider-options="(info.issueList.length >0 ? getsliderArray[6].options : getsliderArray[0].options)">
                                        </rzslider>
                                    </div>
                                </div>


                                <!-- 回退需求 -->
                                <div class="form-group matrix-lable-left" ng-if="info.need.isFallback == 1">
                                    <label class="col-sm-1 control-label" >整体进展：</label>
                                    <div class="col-sm-8">
                                        <rzslider class="matrix-slider" rz-slider-model="info.need.status" rz-slider-options="getsliderArray[1].options">
                                        </rzslider>
                                    </div>
                                </div>

                                <div class="form-group matrix-lable-left" ng-if="info.need.status == 'FALLBACK'">
                                    <label class="col-sm-1 control-label" >退回理由：</label>
                                    <div class="col-sm-8">
                                        <span ng-repeat="ret in info.returns">
                                            <label disabled="true" ng-class="ret.checked? 'btn btn-info btn-xs btn-rounded' : 'btn btn-default btn-xs btn-rounded'" ng-model="info.need.fallbackReason2" btn-radio="ret.key" uncheckable >{{ret.value}}</label>
                                            &nbsp;&nbsp;&nbsp;&nbsp;
                                        </span>
                                    </div>
                                </div>
                                <!-- 延期 -->
                                <div class="form-group matrix-lable-left" ng-if="info.need.latedDay">
                                    <label class="col-sm-1 control-label" >延期：</label>
                                    <div class="col-sm-8">
                                        <label class="control-label">已延期{{info.need.latedDay}}天</label>
                                    </div>
                                </div>
                            </div>
                        </accordion-group>
                    </accordion>
                    <!-- 基础内容 -->
                    <winit-basics-need user-list="info.userList"
                                       need="info.need"
                                       show-btn="info.showReduceLoss"
                                       basic-read-only="info.basicReadOnly"
                    ></winit-basics-need>
                    <accordion class="hide">
                        <accordion-group is-open="info.open.sys">
                            <accordion-heading>
                                问题类需求...各种其他类型..... <i class="pull-right fa fa-angle-right" ng-class="{'fa-angle-down': info.open.sys, 'fa-angle-right': !info.open.sys}"></i>
                            </accordion-heading>
                            <div class="col-sm-12 form-horizontal">
                                <div class="form-group matrix-lable-left">
                                    <label class="col-sm-1 control-label" >涉及板块：</label>
                                    <div class="col-sm-8">
                                        <span ng-repeat="plate in info.plates">
                                            <label ng-class="plate.check ? 'btn btn-info' : 'btn btn-default'"
                                                    ng-model="plate.check"
                                                    ng-click="plate.check = !plate.check"
                                                    uib-btn-checkbox >{{plate.value}}
                                            </label>
                                            &nbsp;&nbsp;&nbsp;&nbsp;
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group matrix-lable-left">
                                    <label class="col-sm-1 control-label" >涉及系统：</label>
                                    <div class="col-sm-8">
                                        <span ng-repeat="sys in info.syss">
                                            <label ng-class="sys.check ? 'btn btn-info' : 'btn btn-default'"
                                                    ng-model="sys.check"
                                                    ng-click="sys.check = !sys.check"
                                                    uib-btn-checkbox >{{sys.value}}
                                            </label>
                                            &nbsp;&nbsp;&nbsp;&nbsp;
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group matrix-lable-left">
                                    <label class="col-sm-1 control-label">工单号：</label>
                                    <div class="col-sm-8">
                                        <input class="form-control ng-pristine ng-valid ng-empty ng-touched" placeholder="请输入工单号。。。" ng-model="info.ticket" aria-invalid="false" type="text">
                                    </div>
                                </div>
                            </div>
                        </accordion-group>
                    </accordion>
                    <!-- 部门评定 -->
                    <winit-department-need lower-value="info.lowerValue"
                                           user-list="info.needMasterList"
                                           need="info.need"
                                           date="info.Schedule"
                                           save-need="saveNeed()"
                                           ng-if="type != 'add'"
                                           dept-read-only="info.deptReadOnly"
                                           id="dept"
                    >
                    </winit-department-need>
                    <!-- pdm评审 -->
                    <winit-pdm-need pdm-list="info.pdmList"
                                    issue-list="info.issueList"
                                    ref-value="info.lowerValue"
                                    need="info.need"
                                    save-need="saveNeed()"
                                    ng-if="type != 'add'"
                                    id="pdm"
                    >

                    </winit-pdm-need>
                    <!-- 用户故事 -->
                    <winit-issue-need user-list="info.userList"
                                      issue-list="info.issueList"
                                      ng-if="type != 'add' && !info.isFallback">
                    </winit-issue-need>
                </m-form-lable>
            </m-form>
        </div>
    </div>
</div>
<winit-settings table-scope="info.tableScope"
                search-ele="settings.searchEle"
                select-list="settings.selectEle"
                ui-slt-list="settings.uiSltEle"
                btn-list="settings.btnEle">
</winit-settings>